<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
    <title>许小美，银耳羹，唯一认证官网，火热加盟中</title>
    <meta name="description" content="以古田银耳为媒，为你许下小美好的诺言。全国火热招商中，唯一合作热线：400-0682227。">
    <link rel="stylesheet" href="js/jquery.fullpage.min.css"/>
    <link rel="stylesheet" href="css/index.css"/>
    <link rel="stylesheet" href="css/media.css">
    <script src="js/jquery-3.0.0.min.js"></script>
    <script src="js/jquery.fullpage.min.js"></script>
    <script type="text/javascript"> 
      function browserRedirect() {       
        var sUserAgent= navigator.userAgent.toLowerCase();       
        var bIsIpad= sUserAgent.match(/ipad/i) == "ipad";       
        var bIsIphoneOs= sUserAgent.match(/iphone os/i) == "iphone os";       
        var bIsMidp= sUserAgent.match(/midp/i) == "midp";       
        var bIsUc7= sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";       
        var bIsUc= sUserAgent.match(/ucweb/i) == "ucweb";       
        var bIsAndroid= sUserAgent.match(/android/i) == "android";       
        var bIsCE= sUserAgent.match(/windows ce/i) == "windows ce";       
        var bIsWM= sUserAgent.match(/windows mobile/i) == "windows mobile";   
        if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {       
          window.location.href= 'mindex.html';       
        } 
      }       
      browserRedirect();       
      </script>
</head>
<body>
<div id="container">
    <div class="section part-one">
      <section class="page">
        <div class="logo">
        </div>
        <div class="header flexbox">
          <img src="images/pageOne.png" alt="许小美，鲜炖银耳" class="one">
        </div>
        <div class="bottom">
          <img src="images/down.png" alt="">
        </div>
      </section>
    </div>
    <div class="section part-two">
        <section class="page">
          <div class="header flexbox">
            <img src="images/pageTwo.png" alt="许小美，银耳羹" class="two">
          </div>
          <div class="bottom">
            <!-- <span class="text-xm">许你一些小美丽</span> -->
            <img src="images/down.png" alt="">
          </div>
        </section>
      </div>
      <div class="section part-three">
          <section class="page">
            <div class="header flexbox">
              <img src="images/pageThree.png" alt="许小美，银耳伴手礼" class="three">
            </div>
            <div class="bottom">
              <!-- <span class="text-xm">许你一些小美丽</span> -->
              <img src="images/down.png" alt="">
            </div>
          </section>
        </div>
        <div class="section part-four">
            <section class="page">
              <div class="header flexbox">
                <img src="images/pageFour.png" alt="" class="four">
              </div>
              <div class="bottom">
                <!-- <span class="text-xm">许你一些小美丽</span> -->
                <!-- <img src="images/down.png" alt=""> -->
              </div>
            </section>
          </div>
    </div>
<script>
    $(function(){
        $('#container').fullpage({
            anchors: ['page1', 'page2', 'page3', 'page4','page5','page6','page7']
        });

        var startX = 0;
        var startY = 0;
        $('.page.addr')
          .on('touchstart', function (e) {
            var touches = e.targetTouches[0];
            startX = touches.pageX;
            startY = touches.pageY;
          })
          .on('touchmove', function (e) {
            var touches = e.changedTouches[0];
            var diffX = touches.pageX - startX;
            var diffY = touches.pageY - startY;

            if (
              Math.abs(diffY) > Math.abs(diffX)
              && (
                (diffY < 0 && this.scrollTop < (this.scrollHeight - this.clientHeight))
                || (diffY > 0 && this.scrollTop > 0)
              )
            ) {
              e.stopPropagation()
            }
          })
          .on('wheel', function (e) {
            var deltaY = e.originalEvent.deltaY/5;
            this.scrollTop += deltaY;
            if (this.scrollTop > 0 && this.scrollTop < (this.scrollHeight - this.clientHeight)) {
              e.stopPropagation();
            }
          })

//        $('.page.addr').css({
//          height : $(window).height() -20,
//          'overflow-y' : 'auto'
//        });
    })
</script>
</body>
</html>
